<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的积分</title>
    <link href="../css/base.css" rel="stylesheet" />
    <link href="../css/UserCenter.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <!--日历-->
    <link href="../plugins/rili/rili.css" rel="stylesheet" />
</head>
<body>
<div class="top">
    <div class="top_right">
        <ul>
            <li class="mm">
                <a href="javascript://"><b>机构平台</b></a><em></em>
            </li>
            <li class="ms">
                <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                <div class="xialaBox">
                    <div class="fleft xl">
                        <h5>文化分类</h5>
                        <div class="nav-list">
                            <p><a href="javascript://">亲子活动</a></p>
                            <p><a href="javascript://">公益活动</a></p>
                            <p><a href="javascript://">展览展会</a></p>
                            <p><a href="javascript://">名家讲坛</a></p>
                            <p><a href="javascript://">技术研讨</a></p>
                            <p><a href="javascript://">全名可普</a></p>
                        </div>
                    </div>
                    <div class="fleft xr">
                        <h6><a href="javascript://">活动讲座</a></h6>
                        <h6><a href="javascript://">文化资源</a></h6>
                        <h6><a href="javascript://">场馆预约</a></h6>
                        <h6><a href="javascript://">机构广场</a></h6>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
</div>
<div class="head_mid">
    <div class="head_main">
        <div class="logo">
            用户中心<a href="javascript://">返回平台首页</a>
        </div>
        <ul>
            <li><a href="UserCenter.html">首页</a></li>
            <li><a href="PersonalSettings.html">个人设置</a></li>
            <li><a href="javascript://">消息</a></li>
            <li><a href="javascript://">学习社区</a></li>
        </ul>
        <div class="search">
            <!--输入时候改变字体颜色给input加“fontColor”-->
            <input type="text" value="输入检索词" />
            <i class="icon iconfont">&#xe603;</i>
        </div>
        <div class="fclear"></div>
    </div>
</div>
<div class="content">
    <div class="left">
        <div class="user">
            <h1><img src="../images/user.gif" /></h1>
            <div>
                <h2>小芝麻小芝麻小芝麻</h2>
                <p>ID：23986</p>
                <p>积分：12</p>
            </div>
        </div>
        <ul class="sideNav">
            <li>个人中心</li>
            <li>我的报名</li>
            <li>我的关注</li>
            <li>我的评论</li>
            <li>我的收藏</li>
            <li class="e">我的积分</li>
            <li>我的申请</li>
            <li>我的机构</li>
            <li>我的筹办</li>
        </ul>
    </div>
    <div class="right">
        <!--我的积分-->
        <div id="wdjf" class="uc">
            <div class="bm_content width_740 fright">
                <h1 class="title">我的积分</h1>
                <div class="bm_swtich_all">
                    <ul class="bm_swtich">
                        <li class="e">全部</li>
                        <li>收入</li>
                        <li>支出</li>
                    </ul>
                    <i class="bm_swtich_line"></i>
                </div>
                <div class="all_points">
                    <div class="points" style="display:block">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                            <tr>
                                <th style="width:25%">日期</th>
                                <th style="width:25%">收入/支出</th>
                                <th style="width:50%">说明</th>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="points">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                            <tr>
                                <th style="width:25%">日期</th>
                                <th style="width:25%">收入</th>
                                <th style="width:50%">说明</th>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>活动报名花费积分</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="green">+34</td>
                                <td>每日签到</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="points">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                            <tr>
                                <th style="width:25%">日期</th>
                                <th style="width:25%">支出</th>
                                <th style="width:50%">说明</th>
                            </tr>

                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>

                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            <tr>
                                <td>2016-02-19</td>
                                <td class="red">-200</td>
                                <td>每日签到</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--js引用-->
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/animate.js"></script>
<script>
    $(function () {
        //我的报名处选项卡切换
        $(".bm_swtich_all").each(function () {
            var ths = $(this);
            var tli = ths.find("li");
            var tle = ths.find(".bm_swtich_line");
            var tli_width = $(".bm_swtich li:first").width();
            tle.width(tli_width);
            tli.click(function () {
                var tw = $(this).width();
                tli.removeClass("e");
                $(this).addClass("e");
                tle.stop(true, true).animate({
                    width: tw,
                    left: $(this).position().left
                })
                var indexs = $(this).index();
                $(".all_points .points").eq(indexs).show().siblings(".points").hide();
            })
        })
    })
    shink();

</script>
</body>
</html>
